/**
 * computed和watch之间区别
 * 1. computed能完成的功能,watch都可以完成
 * 2. watch能完成的功能,computed不一定能完成,比如 watch可以进行异步操作.
 * 两个重要的小原则
 *  - 所有被VUe管理的函数,最好写成普通函数,这样this的指向才是VM或者组件实例对象
 *  - 所有不被VUe管理的函数,(定时器回调函数,Ajax回调函数,promise回调函数等),最好写成箭头函数,这样this的指向就不会发生改变.
 */
// 阻止Vue在启动时生成生产提示
Vue.config.productionTip = false;
new Vue({
	el: "#root",// 用于指定当前Vue实例在为哪个容器服务,通常为css选择器 也可以写为 document.getElementById("root")
	data: {// data用于存储数据,数据供el指定的容器使用,
		first: '',
		last: '',
		full: ''
	},
	computed: {
		// fullName(){
		// 	return this.first+this.last;
		// }
	},
	watch: {
		first() {
			this.full = this.first + this.last;
		},
		last() {
			this.full = this.first + this.last;
		}
	}
});
